<template>
    <div class="form-content-title">基本信息</div>
    <a-form :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
        <a-row :gutter="24">
            <a-col :span="12">
                <a-form-item label="需求计划编号" required>
                    <a-input placeholder="请输入需求计划编号" readonly/>
                </a-form-item>
            </a-col>
            <a-col :span="12">
                <a-form-item label="需求计划类型" required>
                    <a-select placeholder="请选择需求计划类型" :options="demandPlanTypeOptions"></a-select>
                </a-form-item>
            </a-col>
            <a-col :span="12">
                <a-form-item label="提报单位" required>
                    <a-select placeholder="请选择提报单位" :options="reportingUnitOptions"></a-select>
                </a-form-item>
            </a-col>
            <a-col :span="12">
                <a-form-item label="接收平台公司" required>
                    <a-select placeholder="请选择提报单位" :options="platformComponyOptions"></a-select>
                </a-form-item>
            </a-col>
            <a-col :span="12">
                <a-form-item label="关联项目" required>
                    <a-select placeholder="请选择关联项目" :options="projectOptions"></a-select>
                </a-form-item>
            </a-col>
            <a-col :span="12">
                <a-form-item label="需求计划月份" required>
                    <a-select placeholder="请选择需求计划月份" :options="demandPlanMonthlyOptions"></a-select>
                </a-form-item>
            </a-col>
        </a-row>
    </a-form>
</template>
<script lang="ts" setup>
import { ref, reactive } from 'vue';
import { demandPlanTypeOptions, reportingUnitOptions, platformComponyOptions, projectOptions, demandPlanMonthlyOptions } from '../demandPlan.data';

const props = defineProps({
    modalDetail: {
        default: () => { },
        type: Object
    }
})
</script>
<style lang="less" scoped>
@import '/@/design/reference/form.less';

 .form-content-title {
    padding: 10px 10px 10px 0;
    background-color: #F7F8FA;
    font-size: 16px;
    margin-bottom: 16px;
  }
  .form-content-title::before {
    display: inline-block;
    content: "|";
    width: 5px;
    background: #009A7A;
    color: #009A7A;
    margin-right: 10px;
  }
</style>